<include file="public@head_top"/>
</head>
<body class="bgeee">
<include file="public@head"/>

<!--引用百度地图API-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SRFt6G9GCIFLzu2GxvhOiWoV7QqXb5a1"></script>

<div class="bannerBox" style="background-image:url(/themes/simpleboot3/public/assets/temp/banner_contact.jpg);"><div class="bg"></div></div>

<div class="wrap">
    <ul class="contactList clearfloat">
        <li class="wow fadeInUp" data-wow-duration="1s">
            <span class="icon1"><img src="__TMPL__/public/assets/images/contact_icon1.png"/></span>
            <div class="contactC">
                <h3>给我们打电话：</h3>
                <p>0572-8230176</p>
            </div>
        </li>
        <li class="wow fadeInUp" data-wow-duration="1.5s">
            <span class="icon2"><img src="__TMPL__/public/assets/images/contact_icon2.png"/></span>
            <div class="contactC">
                <h3>有问题吗？</h3>
                <p>hongqi@vip.cn</p>
            </div>
        </li>
        <li class="wow fadeInUp" data-wow-duration="2s">
            <span class="icon3"><img src="__TMPL__/public/assets/images/contact_icon3.png"/></span>
            <div class="contactC">
                <h3>如何找到我们？</h3>
                <p><em>杭州市XX路XX号XX街道</em></p>
            </div>
        </li>
    </ul>
</div>

<div class="contactMap">
    <div id="map"></div>
</div>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("map");
	var point = new BMap.Point(120.554438,30.610079); //定义一个中心点坐标
	map.centerAndZoom(point, 17);
	var marker = new BMap.Marker(point); // 创建标注
	map.addOverlay(marker); // 将标注添加到地图中
	marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
//		map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	var opts = {
	  width : 200,     // 信息窗口宽度
	  height: 100,     // 信息窗口高度
	  title : "红旗塑品" , // 信息窗口标题
	  enableMessage:false,//设置允许信息窗发送短息
	  message:"亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
	}
	var infoWindow = new BMap.InfoWindow("电话：0572-8230176<br />邮箱：hongqi@vip.cn<br />地址：杭州市XX路XX号XX街道", opts);  // 创建信息窗口对象 
	marker.addEventListener("click", function(){          
		map.openInfoWindow(infoWindow,point); //开启信息窗口
	});
	
	
	
	
</script>

<include file="public@footer"/>
</body>    
</html>
